<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
    <head>
        {{- partial "head/head.html" . -}}
        {{- block "head" . -}}{{ end }}
    </head>
    <body class="{{ block `body-class` . }}{{ end }}">
        {{- partial "head/colorScheme" . -}}
        <div class="main-container-background">
            <div class="container main-container flex {{ block `container-class` . }}on-phone--column {{ if .Site.Params.widgets.enabled }}extended{{ else }}compact{{ end }}{{ end }}">
                {{- block "left-sidebar" . -}}
                    {{ partial "sidebar/left.html" . }}
                {{- end -}}
                <main class="main full-width">
                    {{- block "main" . }}{{- end }}
                </main>
                {{- block "right-sidebar" . -}}{{ end }}
            </div>
        </div>
        {{ partial "footer/include.html" . }}
    </body>
</html>
